import { useRoutes } from 'react-router-dom';
import useDeviceType from '@base/hooks/useDeviceType';
import mobileRoutes from './mobileRoutes';
import pcRoutes from './pcRoutes';

/**
 * 路由配置：
 * 由于需要根据条件（如权限、设备类型）动态渲染路由，
 * 因此，这里使用useRoutes动态生成路由配置，而不是使用createBrowserRouter集中式路由管理
 */
export default function Routes() {
    const { isMobile } = useDeviceType();
    const deviceRoutes = isMobile ? mobileRoutes : pcRoutes;
    return useRoutes([
        ...deviceRoutes,
        {
            path: '/*',
            element: '404',
        },
    ]);
}
